<template>
  <div id="tableDesign">
      <el-row style="margin: 10px 0px 20px 20px">
      <el-col :span="24">
        <el-button size="small" type="success" icon="el-icon-document">导出</el-button>
        <el-button size="small" type="success" icon="el-icon-view" @click="preview">预览</el-button>
      </el-col>
    </el-row>
        <el-table :data="tableData" border style="width: 90%"   
        @selection-change="handleSelectionChange">
          <el-table-column prop="date" label="名" style="width: 12.5%">
          </el-table-column>
          <el-table-column prop="name" label="类型" style="width: 12.5%">
          </el-table-column>
          <el-table-column prop="address" label="长度" style="width: 12.5%">
          </el-table-column>
          <el-table-column prop="address" label="小数点" style="width: 12.5%">
          </el-table-column>
          <el-table-column prop="address" label="注释" style="width: 12.5%">
          </el-table-column>
          <el-table-column
      type="selection"
      width="55">
    </el-table-column>
        </el-table>

  </div>
</template>

<script>
export default {
  name: "TableDesign",
  data() {
    return {
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        }
      ]
    }
  },
  methods:{
    handleSelectionChange(val) {
        this.multipleSelection = val;
      },
  }
};
</script>

<style scoped>
#tableDesign {
  width: 100%;
  height: 100%;
}
</style>